<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

    <select name="" id="pro">
        <option value="">11</option>
        <!-- selected  默认选中 -->
        <option value="" selected>22</option>
        <option value="">33</option>
    </select>

    <script>
        const oPro = document.querySelector('#pro') ;
       
        oPro.onchange = function() {
            alert(666)
        }

        // 派发事件  dispatchEvent  -----  主动触发事件  

        // 创建一个事件   const event = new Event()    

        // 主动触发谁的事件   oPr.dispatchEvent(event)





        //  报错的问题
        //  1 显示报错的行数   后面的内容不会执行，如果想打印测试
        // 

        // const oDiv = document.querySelector('div') ;
        // console.log(oDiv.classList);


        const obj = {
            name : 'cc' ,
            age : 11
        }

        // console.log(obj.age.cc.aa);


        // obj.age() ;   // is not a function

        // obj.say() ;   // undefined


        // null.say()


        //   在调用一个属性的方法的时候
        //      ->  先找到这个属性                           
        //      ->  尝试调用这个'属性' --- 也就是方法


        // console.log(null.cc);



        // 每日作业：  收集报错 ！！！！！

        

    </script>
      
</body>
</html>